<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="formulario">


                <p:panel id="panel" header="DATOS CLIENTE" styleClass="print" >

                    <p:panelGrid style="margin: 10px auto;" id="formCliente">

                        <p:row>
                            <p:column colspan="2">
                                <p:outputPanel id="pnlClienteJuridico" layout="block" >
                                    <p:panelGrid rendered="#{BKCliente.clienteFormulario.tipoEntidad eq 'J' ? true : false}">
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormularioRuc"  value="#{message['cliente.formulario.panel.tab.cliente.ruc']}: " styleClass="lblVerN"/>
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormularioRuc" value="#{BKCliente.clienteFormulario.numeroDocumento}" style="width: 350px" styleClass="lblVer" />
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormularioNombreComercial" value="#{message['cliente.formulario.panel.tab.cliente.nombreComercial']}: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormularioNombreComercial" value="#{BKCliente.clienteFormulario.nombreComercial}" style="width: 350px" styleClass="lblVer" />
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormularioRazonSocial" value="#{message['cliente.formulario.panel.tab.cliente.razonSocial']}: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormularioRazonSocial" value="#{BKCliente.clienteFormulario.razonSocial}" style="width: 350px" styleClass="lblVer" />
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormularioDireccionFiscal" value="#{message['cliente.formulario.panel.tab.cliente.direccionFiscal']}: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormularioDireccionFiscal" value="#{BKCliente.clienteFormulario.direccionLegal}" style="width: 350px" styleClass="lblVer" />
                                            </p:column>
                                        </p:row>
                                    </p:panelGrid>
                                </p:outputPanel>
                                <p:outputPanel id="pnlClienteNatural" layout="block">
                                    <p:panelGrid rendered="#{BKCliente.clienteFormulario.tipoEntidad eq 'N' ? true :  false}">
                                        <p:row>
                                            <p:column  style="width: 150px">
                                                <h:outputText id="lblFormNaturalDni" value="DNI O RUC: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormNaturalDni" value="#{BKCliente.clienteFormulario.numeroDocumento}" styleClass="lblVer"
                                                              style="width: 350px" />
                                            </p:column>    
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormNaturalNombres" value="#{message['cliente.formulario.panel.tab.cliente.nombres']}: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormNaturalNombres" value="#{BKCliente.clienteFormulario.razonSocial}" styleClass="lblVer"
                                                              style="width: 350px"  />
                                            </p:column>    
                                        </p:row>        
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormNaturalDireccion"  value="#{message['cliente.formulario.panel.tab.cliente.direccion']}: " styleClass="lblVerN" />
                                            </p:column>    
                                            <p:column>    
                                                <h:outputText id="txtFormNaturalDireccion"  value="#{BKCliente.clienteFormulario.direccionLegal}" styleClass="lblVer"
                                                              style="width: 350px" />
                                            </p:column>
                                        </p:row>




                                    </p:panelGrid>
                                </p:outputPanel>
                                <p:outputPanel id="pnlUbigeo" layout="block">
                                    <p:panelGrid> 
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormularioCodigo" value="CODIGO: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText id="txtFormClienteCodigo" value="#{BKCliente.clienteFormulario.codigoCliente}" styleClass="lblVer"
                                                              style="width: 50px" />

                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 150px">
                                                <h:outputText id="lblFormClienteUbigeo" value="#{message['cliente.formulario.panel.tab.cliente.ubigeo']}: " styleClass="lblVerN" />
                                            </p:column>
                                            <p:column>

                                                <h:outputText id="idUbigeo" value="#{BKCliente.clienteFormulario.descUbicacion}"  styleClass="lblVer"
                                                              style="width: 350px" />


                                            </p:column>
                                        </p:row>

                                        <p:row rendered="#{BKCliente.clienteFormulario.documento ne null}">
                                            <p:column colspan="2">
                                                <a href="#{request.contextPath}/cliente/#{BKCliente.clienteFormulario.documento}" target="_blank"
                                                   class="linkAgregar" style="font-size: 12px">Ver Documento</a>

                                            </p:column>
                                        </p:row>


                                    </p:panelGrid>  
                                </p:outputPanel>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column colspan="2">
                                <p:fieldset id="fstContacto" legend="CONTACTOS" >
                                    <p:dataTable id="dataTablaContacto" var="contacto" value="#{BKContacto.listaContacto}" widgetVar="carsTable"
                                                 emptyMessage="No se encontraron contactos"  >


                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                            <h:outputText value="#{rowIndex+1}" />
                                        </p:column>

                                        <p:column id="idColumnaNombre" headerText="NOMBRE" >
                                            <h:outputText value="#{contacto.nombre}" />  
                                        </p:column>

                                        <p:column id="idColumnaCargo" headerText="CARGO" >
                                            <h:outputText value="#{contacto.cargo}" /> 
                                        </p:column>

                                        <p:column id="idColumnaTelefono" headerText="TELEFONO" >

                                            <h:outputText value="#{contacto.telefono}" />  
                                        </p:column>

                                        <p:column id="idColumnaMovil" headerText="MOVIL" >
                                            <h:outputText value="#{contacto.movil}" />
                                        </p:column>

                                        <p:column id="idColumnaCorreo" headerText="CORREO" >
                                            <h:outputText value="#{contacto.correo}" /> 
                                        </p:column>

                                    </p:dataTable>
                                </p:fieldset>

                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column colspan="2">
                                <p:fieldset id="fstLocal" legend="LOCALES" >
                                    <p:dataTable id="dataTablaSede" var="local" value="#{BKComponenteLocal.listaLocal}" widgetVar="carsTable"
                                                 emptyMessage="No se encontraron locales"  rowIndexVar="rowIndex" >

                                        <p:column id="idColumnaNum" style="width: 5%"
                                                  headerText="Num.">
                                            <h:outputText value="#{rowIndex+1}" />
                                        </p:column>

                                        <p:column id="idColumnaUbicacion" headerText="UBICACION" >
                                            <h:outputText value="#{local.descUbicacion}" /> 
                                        </p:column>

                                        <p:column id="idColumnaDireccion" headerText="DIRECCION" >
                                            <h:outputText value="#{local.direccion}" /> 
                                        </p:column>
                                        <p:column id="idColumnaReferencia" headerText="REFERENCIA" >
                                            <h:outputText value="#{local.referencia}" /> 
                                        </p:column>
                                        <p:column id="idColumnaDescripcion" headerText="DESCRIPCION">
                                            <h:outputText value="#{local.descripcion}" /> 
                                        </p:column>


                                    </p:dataTable>
                                </p:fieldset>
                            </p:column>
                        </p:row>
                    </p:panelGrid>    
                </p:panel>






                <h:panelGrid columns="2" cellpadding="10">

                    <p:commandButton action="#{MBCliente.cancelar()}" id="btnGuardar"  ajax="false" immediate="true" value="Volver"/>
                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                        <p:printer target="formCliente" />    
                    </p:commandButton >
                </h:panelGrid>

            </h:form>  


        </ui:define>
    </ui:composition>
</html>
